﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Album List</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/all.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" media="screen" />
</head>
<body>
<div id="wrapper">
  <div id="wrapper-top">
     <div style="width: 400px; padding-top: 110px; padding-left: 10px; float:left">
        <a href="albumlist.html"><label style="font-size: 18px; color: #0054D7;">Home</label></a>
        <label style="font-size: 22px;"> > </label>
        <a href="albumlist.html"><label style="font-size: 18px; color: Red;">Album List</label></a>
    </div>
    <div style="float:left; margin-top: 10px;">   
       <img src="images/logo.png" style="width: 130px; height: 130px;" alt="" />
        <img src="images/logo1.png" style="width: 130px; height: 130px; " alt="" />
         <img src="images/logo2.png" style="width: 130px; height: 130px; " alt="" />
     </div>
   
     <div style="padding-top: 20px; padding-left: 880px;"><input type="button" value="Log In" style="height: 30px; width: 90px;font-size:13px;"/></div>
  </div>
  <div id="left">
    <div class="logo"><a href="albumlist.html">Home</a></div>
    <ul class="menu">
      <li> <a class="opened" href="#"><label class="selected">Album List</label></a>
        <ul class="sub-menu opened">
          <li><a href="albumdetail.html">Sports</a></li>
          <li><a href="albumdetail.html">Cars</a></li>
          <li><a href="albumdetail.html">Flowers</a></li>
          <li><a href="albumdetail.html">Planets</a></li>
          <li><a href="albumdetail.html">Animals</a></li>
        </ul>
      </li>
    </ul>
    <div id="left-bottom">
    </div>
  </div>
  <div id="right">
    <div style="margin-left: 20px;margin-top: 40px; margin-bottom: 30px;">
        <table>
            <tr>
                <td style="width: 600px;"><label style="font-size: 30px;">Album List</label></td>
                <td><a href="create-edit.html"><input type="button" value="Create Album" style="height: 30px; width: 90px;font-size:13px;"/></a></td>          
            </tr>
        </table>
    </div>
    <ul class="thumbnails">    
      <li>
        <div class="image-box"> <span class="drag-pointer">&nbsp;</span>
             <div class="photo-cover"> <a href="albumdetail.html" class="big-image"><img src="images/Pictures/sports.jpg" alt="" /></a> </div>
             <p class="photo-name">Sports</p>
         </div>
      </li>
       <li>
        <div class="image-box"> <span class="drag-pointer">&nbsp;</span>
             <div class="photo-cover"> <a href="albumdetail.html" class="big-image"><img src="images/Pictures/cars.jpg" alt="" /></a> </div>
             <p class="photo-name">Cars</p>
         </div>
      </li>
       <li>
        <div class="image-box"> <span class="drag-pointer">&nbsp;</span>
             <div class="photo-cover"> <a href="albumdetail.html" class="big-image"><img src="images/Pictures/flowers.jpg" alt="" /></a> </div>
             <p class="photo-name">Flowers</p>
         </div>
      </li>
       <li>
        <div class="image-box"> <span class="drag-pointer">&nbsp;</span>
             <div class="photo-cover"> <a href="albumdetail.html" class="big-image"><img src="images/Pictures/planets.jpg" alt="" /></a> </div>
             <p class="photo-name">Planets</p>
         </div>
      </li>
       <li>
        <div class="image-box"> <span class="drag-pointer">&nbsp;</span>
             <div class="photo-cover"> <a href="albumdetail.html" class="big-image"><img src="images/Pictures/animals.jpg" alt="" /></a> </div>
             <p class="photo-name">Animals</p>
         </div>
      </li>
    </ul>
  </div>
  <div id="wrapper-bottom">
        <div style=" padding-top: 30px;">
          <a href="#wrapper" style="color: Red; font-size: 15px;">Back to Top</a>
        </div>
  </div>
  
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/main.js"></script>

</body>
</html>
